<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在HTML中怎么根据id获取节点</title>
</head>

<body>
    <input type="button" id="mybtn" value="按钮">
    <script type="text/javascript">
        alert("阻止程序的执行!")
            // 根据id获取元素/节点对象
            // 在js当中有一个内置的隐含的对象叫做: document 
            // document代表整个HTML文档.
            // 在js当中有一个内置的隐含的对象叫做: window
            // window代表整个浏览器窗口
            // window对象是BOM的顶级对象,BOM中的老大
            // document对象是DOM的顶级对象,DOM中的老大
            // 严格意义上来说, window是包含document的 

        // DOM中有个document.getElementById()方法 获取节点
        var mybtnElt = document.getElementById("mybtn");

        // console.log(mybtnElt) 
        // alert(mybtnElt)   //[object HTMLInputElement]
        // 重点:在JS当中,当你获取了一个节点之后,这个节点中有什么属性你就可以'点'什么 
        // mybtnElt.type = "checkbox";
        // mybtnElt.type="text"; 
        mybtnElt.value = "我是一个按钮对象哦!";
    </script>
</body>

</html>